<div class="panel panel-info" ng-if="searchResults != null">
	<div class="panel-heading ">
		<span class="badge font-120">{{searchResults.totalItems}}</span> <span class="font-120"><strong>{{title}}</strong></span>
	</div>
	<div class="panel-body" ng-show="searchResults.totalItems > 0">
		<div class="list-group">
			<a class="list-group-item list-group-item active default-cursor">
				<div class="row">
					<label class="col-sm-7" translate="Policy.number"></label> 
					<label class="col-sm-2" translate="Policy.state"></label>
					<label class="col-sm-3 right" translate="Policy.finalizationDate"></label>
				</div>
			</a>
			<a ng-click="goToPolicy(policy)" class="list-group-item animate-pagination" ng-repeat="policy in searchResults.results"
				ng-class="{'disabled': policy.status != 'ACTIVE'}">
				<h5 class="list-group-item-heading">
					<div class="row">
						<label class="col-sm-7">{{policy.groupNumber | limitTo : 9}} - {{policy.filial}} - {{policy.number | zpad:9}}</label> 
						<label class="col-sm-2">{{'PolicyState.' + policy.status | translate}}</label>
						<label class="col-sm-3 right">{{policy.status == 'INACTIVE' ? (policy.finalizationDate | date : 'dd/MM/yyyy') : ''}}</label>
					</div>
				</h5>
				<p class="left-20 list-group-item-text">
					<em>{{policy.insured.surname}} {{policy.insured.name}} - {{policy.insured.idCardNumber}}</em>
				</p>
			</a>
		</div>
		<search-result-pagination ng-controller="TotalResultsPaginationCtrl"></search-result-pagination>
	</div>
</div>